 var eleArr = []
 var eleHeightArr = []
 var selectedDom = ''
 var DragDomWidth = 0
 var dragingDom
 var isPutDropArea
 $("#htmlBox").on("dragover", function(e) {
 	e.originalEvent.preventDefault();
 })
 $(' #dragBox .dragItem').on('dragstart', function(e) { //左边选择框拖拽开始

 	DragDomWidth = $(this).width() + parseFloat($(this).css('margin-left'))
 	dragingDom = $(this).clone()
 })
 $('#htmlBox').on('dragstart', '.dragItem', function(e) { //中间显示框内拖拽开始
 	DragDomWidth = $(this).width() + parseFloat($(this).css('margin-left'))
 	dragingDom = $(this).clone()

 	if(selectedDom[0] == $(this)[0]) {

 		selectedDom = dragingDom
 	}
 	isPutDropArea = false
 })
 $('#htmlBox').on('dragend', '.dragItem', function(e) { //中间显示框内拖拽结束
 	if(isPutDropArea == false && selectedDom.prevObject && selectedDom.prevObject[0] == $(this)[0]) {
 		selectedDom = ''
 			// 		$('#formAttr').slideUp()
 	}
 	if($(this).siblings().length > 0) {
 		$(this).remove()
 	} else {
 		$(this).parent().remove()
 	}
dragEnd()
 })
 $(' #dragBox .dragItem').on('dragend',function(){
 dragEnd()
 })
function dragEnd(e) { //拖拽元素放置到展示区域

 	isPutDropArea = true
 		// 	if(event.stopPropagation()){
 		// 		event.stopPropagation();
 		// 	}

 	var dragX = event.clientX -  $('#htmlBox').offset().left + $(document).scrollLeft() - $("#htmlBoxShow").scrollLeft() //鼠标相对htmlbox的位置
 	var dragY = event.clientY -  $('#htmlBox').offset().top + $(document).scrollTop() - $("#htmlBoxShow").scrollTop()

 	if(0 > dragX || 0 > dragY) return false;

 	var dragBox = $("<div class='dragBox'  style=''></div>")
 	if($("#htmlBox .dragBox").length == 0) {
 		$(dragBox).append(dragingDom)
 		$('#htmlBox ').append($(dragBox))
 	} else {
 		$.each($("#htmlBox .dragBox"), function(index, item) {
 			var vH = $(this).position().top  //当前元素底部相对htmlbox的位置  
 			var innerWidth = 0
 			if($(this).find('.dragItem')) {
 				$(this).find('.dragItem').each(function(index, item) {
 					innerWidth += $(item).width() + parseFloat($(item).css('margin-left'))
 				})
 			}
 			// 			if(dragX>innerWidth){
 			// 				$(this).append(dragingDom.clone())
 			// 				
 			// 			}else{
 			if($(this).position().top - $(this).height()< dragY && dragY <= vH+ $(this).height()) { //元素多余一个 且鼠标在元素中间

 				if(dragX > innerWidth && DragDomWidth < ($(this).width() - innerWidth)) {
 					$(this).append(dragingDom)
 				} else {
 					$(dragBox).append(dragingDom)
 					$(this).before($(dragBox))
 				}
 				return false
 			} else if(index == $("#htmlBox .dragBox").length - 1) { //元素放置到最底部
 				if(dragX > innerWidth) {
 					$(this).append(dragingDom)
 				} else {
 					$(dragBox).append(dragingDom)
 					$('#htmlBox').append($(dragBox))
 				}
 			}
 			// 			}
 		})

 	}
 	$('.inputDate').datetimepicker({
 		format: 'YYYY-MM-DD',
 		locale: moment.locale('zh-cn')
 	});
 }
 $('#htmlBox').on('click', '.dragItem', function() { //双击选中元素进行配置

 	if(selectedDom != '') {
 		selectedDom.removeClass('selectedEle')
 	}
 	$(this).addClass('selectedEle')
 	$('#formAttr').removeClass().addClass('formAttr editorBox col-sm-3')
 	if($(this).attr('inputType')) {
 		$('#formAttr').addClass($(this).attr('inputType'))
 	}

 	selectedDom = $(this)
 	if(selectedDom.attr('inputType') == 'wordType') {
 		selectedDom.css('border', '1px dashed #ccc')
 	}
 	if(selectedDom.find('.commonType').length > 0) {
 		$('#regType').css('display', 'inline-block')
 	} else {
 		$('#regType').css('display', 'none')
 	}

 	defaultConfiguration()
 		// 	$('#formAttr').slideDown()
 })

 function saveSettings() { //保存表单设置

 	if(selectedDom == '') {
 		return false
 	}

 	if($('#inputName').css('display') != 'none'){
	 	if('' === $('#sel_name').find("option:selected").val()){
	 		alert('请选择标签名')
	 		return
	 	}
 	}

 	if(checkKeyExists()) return alert('标签名不能重复');

 	// alert($('#xml_onclick_func').find("option:selected").val())
 	// alert($('#xml_onclick_event').find("option:selected").val())
 	
 	$('#xml_validate_txt').val(JSON.stringify({
 		required: $('#xml_validate_required').find("option:selected").val(),
 		msg: $('#xml_validate_msg').val(),
 	}));

 	$('#xml_onclick_txt').val(JSON.stringify({
 		js_event: $('#xml_onclick_event').find("option:selected").val(),
 		js_function: $('#xml_onclick_func').find("option:selected").val(),
 	}));

 	if($('#textName').css('display') != 'none') {
 		selectedDom.find('.dragItemInfo').html($('#textName input').val())
 		// selectedDom.find('.dragItemInfo').html($('#sel_name').find("option:selected").text() +':')
 		// $('#textName input').val($('#sel_name').find("option:selected").text() +':')
 		selectedDom.data('xml_title', $('#textName input').val())
 	}

 	// 新增 start

 	if($('#xml_flow').css('display') != 'none') {
 		selectedDom.data('xml_flow', $('#xml_flow input').val())
 	}

 	// if($('#xml_validate').css('display') != 'none') {
 		selectedDom.data('xml_validate', $('#xml_validate_txt').val())
 	// }

 	// if($('#xml_onclick').css('display') != 'none') {
 		selectedDom.data('xml_onclick', $('#xml_onclick_txt').val())
 	// }

 	if($('#xml_size').css('display') != 'none') {
 		selectedDom.data('xml_size', $('#xml_size input').val())
 	}

 	if($('#xml_dataValue').css('display') != 'none') {
 		selectedDom.data('xml_datavalue', $('#xml_dataValue input').val())
 	}

 	if($('#xml_length').css('display') != 'none') {
 		selectedDom.find('input').attr('_maxLength', $('#xml_length input').val())
 		selectedDom.find('textarea').attr('_maxLength', $('#xml_length input').val())
 	}

 	if($('#xml_dateFmt').css('display') != 'none') {
 		selectedDom.data('xml_datefmt', $('#xml_dateFmt select').val())
 	}

 	if($('#xml_dataFrom').css('display') != 'none') {
 		selectedDom.data('xml_datafrom', $('#sel_datasource').find("option:selected").val())
 	}

 	// 新增 end


 	if($('#btnName').css('display') != 'none') {
 		selectedDom.find('button').html($('#btnName input').val())
 	}
 	// 	if($('#textContent').css('display') !='none' && $('#textContent input').val() !=''){
 	// 		selectedDom.find('input').val($('#textContent input').val())
 	// 	}
 	if($('#textPlaceHolder').css('display') != 'none') {
 		selectedDom.find('input').attr('placeholder', $('#textPlaceHolder input').val())
 		selectedDom.find('textarea').attr('placeholder', $('#textPlaceHolder input').val())
 		selectedDom.data('xml_tips', $('#textPlaceHolder input').val())
 	}
 	if($('#inputName').css('display') != 'none' && $('#inputName input').val() != '') {
 		selectedDom.find('.inputName').attr('name', $('#inputName input').val())
 	}
 	if($('#nameWidth').css('display') != 'none' && $('#nameWidth input').val() != '') {
 		if(selectedDom.find('.dragItemInfoBox').length > 0) {
 			selectedDom.find('.dragItemInfoBox').css('width', $('#nameWidth input').val() + 'px ')
 		} else {
 			selectedDom.find('.dragItemInfo').css('width', $('#nameWidth input').val() + 'px ')
 		}

 	}
 	if($('#fontSize').css('display') != 'none' && $('#fontSize input').val() != '') {
 		if(selectedDom.find('button').length > 0) {

 			selectedDom.find('button').css('font-size', $('#fontSize input').val() + 'px')
 		} else {

 			selectedDom.css('font-size', $('#fontSize input').val() + 'px')
 		}

 	}
 	if($('#fontColor').css('display') != 'none' && $('#fontColor input').val() != '') {
 		selectedDom.css('color', $('#fontColor input').val())
 	}
 	if($('#btnfontColor').css('display') != 'none' && $('#btnfontColor input').val() != '') {
 		selectedDom.find('button').css('color', $('#btnfontColor input').val())
 	}
 	if($('#buttonWidAndHeight').css('display') != 'none') {
 		if($('#buttonWidAndHeight input').eq(0).val() != '') {
 			selectedDom.find('button').css('width', $('#buttonWidAndHeight input').eq(0).val() + 'px')
 		}
 		if($('#buttonWidAndHeight input').eq(1).val() != '') {
 			selectedDom.find('button').css('height', $('#buttonWidAndHeight input').eq(1).val() + 'px')
 		}
 	}
 	if($('#inputWidAndHeight').css('display') != 'none') {
 		if($('#inputWidAndHeight input').eq(0).val() != '') {
 			if(selectedDom.find('.inputDate').length > 0) {
 				selectedDom.find('.dateSelector').css('width', $('#inputWidAndHeight input').eq(0).val() + 'px')
 			} else if(selectedDom.find('textarea').length > 0) {
 				selectedDom.find('textarea').css('width', $('#inputWidAndHeight input').eq(0).val() + 'px')
 			} else {
 				selectedDom.find('input').css('width', $('#inputWidAndHeight input').eq(0).val() + 'px')
 			}

 		}
 		if($('#inputWidAndHeight input').eq(1).val() != '') {
 			if(selectedDom.find('.inputDate').length > 0) {
 				selectedDom.find('.dateSelector').css('height', $('#inputWidAndHeight input').eq(1).val() + 'px')
 			} else if(selectedDom.find('textarea').length > 0) {
 				selectedDom.find('textarea').css('height', $('#inputWidAndHeight input').eq(1).val() + 'px')
 			} else {
 				selectedDom.find('.input').css('height', $('#inputWidAndHeight input').eq(1).val() + 'px')
 			}

 		}
 	}
 	if($('#leftMargin').css('display') != 'none' && $('#leftMargin input').val() != '') {
 		selectedDom.css('margin-left', $('#leftMargin input').val() + 'px')
 	}
 	if($('#topMargin').css('display') != 'none' && $('#topMargin input').val() != '') {
 		selectedDom.css('margin-top', $('#topMargin input').val() + 'px')
 	}
 	if($('#isRequire').css('display') != 'none') {

 		selectedDom.find('input').prop('required', $('#isRequire input').prop('checked'))
 		if($('#isRequire input').prop('checked') == true) {
 			selectedDom.find('input').addClass('required')
 		} else {
 			selectedDom.find('input').removeClass('required')
 		}

 		if($('#isRequire input').prop('checked') == true) {
 			selectedDom.find('.isRequiredImg').css('display', 'inline-block')
 		} else {
 			selectedDom.find('.isRequiredImg').css('display', 'none')
 		}
 	}
 	if($('#isDisable').css('display') != 'none') {
 		selectedDom.find('input').prop('disabled', $('#isDisable input').prop('checked'))
 		selectedDom.find('button').prop('disabled', $('#isDisable input').prop('checked'))
 	}
 	if($('#isBolder').css('display') != 'none') {
 		if($('#isBolder input').prop('checked')) {
 			selectedDom.find('.dragItemInfo').css('font-weight', 'bolder')
 		} else {
 			selectedDom.find('.dragItemInfo').css('font-weight', '100')
 		}
 	}
 	if($('#addSelect').css('display') != 'none') {
 		
 			selectedDom.attr('toUrl',$('#addSelect select').val())
 	
// 		var txtArr = $('#addSelect textarea').val().split('\n')
// 		var addOptions = ''
// 		if(selectedDom.attr('dataAttr') == 'select') {
// 			selectedDom.find('select').html('')
// 			$.each(txtArr, function(index, item) {
// 				addOptions += '<option value="' + item + '">' + item + '</option>'
// 			})
// 			selectedDom.find('select').html(addOptions)
// 		} else if(selectedDom.attr('dataAttr') == 'radio') {
// 			selectedDom.find('div').html('')
// 			$.each(txtArr, function(index, item) {
// 				if(item != '') {
// 					addOptions += '<label style="margin-left: 10px;"><span>' + item + '</span><input type="radio" value="' + item + '" name="radio" style="margin-left: 5px;vertical-align:top"/></label>'
// 				}
// 			})
// 			selectedDom.find('div').html(addOptions)
// 		} else if(selectedDom.attr('dataAttr') == 'checkbox') {
// 			selectedDom.find('div').html('')
// 			$.each(txtArr, function(index, item) {
// 				if(item != '') {
// 					addOptions += '<label style="margin-left: 10px;"><span>' + item + '</span><input type="checkbox"  value="' + item + '" name="checkbox' + index + '" style="margin-left: 5px;vertical-align:top"/></label>'
// 				}
// 			})
// 			selectedDom.find('div').html(addOptions)
// 		}
 	}
 	if($('#btnBgColor').css('display') != 'none') {
 		selectedDom.find('button').css('background-color', $('#btnBgColor input').val())
 	}
 	// 	 	 if($('#btnColor').css('display') !='none'){
 	// 			selectedDom.find('button').css('color',$('#btnColor input').val())
 	//	}
 	if($('#isCenter').css('display') != 'none') {
 		if($('#isCenter input').prop('checked') == true) {
 			selectedDom.css({
 				'display': 'block',
 				'text-align': 'center'
 			})
		} else {
 			selectedDom.css({
 				'display': 'inline-block',
 				'text-align': 'center'
 			})
 		}
 	}
 	if($('#regType').css('display') != 'none') {
 		var regVal = $('#regType input:checked').val()
 		if(regVal == 'no') {
 			selectedDom.find('input').removeAttr('regData')
 		} else if(regVal == 'user') {
 			selectedDom.find('input').attr('regData', 'user')
 		} else if(regVal == 'iphone') {

 			selectedDom.find('input').attr('regData', 'iphone')
 		} else if(regVal == 'email') {
 			selectedDom.find('input').attr('regData', 'email')
 		}

 	}
 	if(selectedDom.attr('inputType') == 'wordType') {

 	}
 	// 	 closeFormAttr()

 	alert('保存成功')

 }

 function changeBoxSize() { //改变htmlbox的宽度
 	$('#htmlBox').css('width', $('#changeSize').val() + 'px')
 }

 // function closeFormAttr() {                                        //关闭选中的表单属性弹窗
 // 	$('#formAttr').slideUp()
 // 	if(selectedDom != '') {
 // 		selectedDom.removeClass('selectedEle')
 // 	}
 //
 // 	selectedDom = ''
 // }

 // $('#addSelect textarea').change(function() {
 // 	var txt = $(this).val()
 //
 // })

 function buiderHtml() { //生成html
 	$('.exportHtmlBox').css('display', 'block')
 	$('.exportHtmlBox').animate({
 			'margin-top': '80px'
 		}, 300, function() {
 			$('.exportHtmlBox').animate({
 				'margin-top': '-30px'
 			}, 200, function() {
 				$('.exportHtmlBox').animate({
 					'margin-top': '0'
 				}, 100)
 			})
 		})
 		// 	var html = '<!doctype html>' +
 		// 		'<html lang="en">' +
 		// 		'<head>' +
 		// 		'<meta charset="UTF-8" />' +
 		// 		'<title>Document</title>' +
 		// 		'<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>'+
 		//		'<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">'+
 		//		'<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>'+
 		//	'	<script src="https://cdn.bootcss.com/moment.js/2.18.1/moment-with-locales.min.js"></script>'+
 		//		'<link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">'+
 		//		'<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>'+
 		// 		'</head><body>' +
 		// 		$('#htmlBoxShow').html() +
 		// 		'<script>'+
 		// 		"$('.errorMessage').remove();"+
 		// 		 "$('.inputDate').datetimepicker({format: 'YYYY-MM-DD',locale: moment.locale('zh-cn')});"+
 		// 		" $('#htmlBox').on('blur','input',function(){"+
 		//			"var getReg = $(this).attr('regData');"+
 		//			"if(getReg){var reg , regMessage;"+
 		//				"if(getReg=='user'){"+
 		//					"reg=/^[a-zA-Z0-9_-]{4,16}$/;"+
 		//				"	regMessage='长度4-16位（字母，数字，下划线，减号）'"+
 		//				"}else if(getReg=='iphone'){"+
 		//					"reg=/^((13|14|15|16|17|18)[0-9])\\d{8}$/;"+
 		//						"regMessage='请输入正确的手机号码'"+
 		//				"}else if(getReg=='email'){"+
 		//					"reg =/^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$/;"+
 		//						"regMessage='请输入正确的邮箱号码'}"+
 		//						"if(reg.test($(this).val())){"+
 		//						"$(this).siblings('.errorMessage').remove()"+
 		//				"}else{"+
 		//					"$(this).siblings('.errorMessage').remove();"+
 		//					'var errorMessage =$("<span class=\'errorMessage\' style=\'margin-left: 10px;color:red;font-size:12px\'>"+regMessage+"</span>");'+
 		//					"$(this).after(errorMessage)}}else{"+
 		//					"if($(this).siblings('.errorMessage').length>0){"+
 		//						"$(this).siblings('.errorMessage').remove()"+
 		//				"}}});"+
 		//		"function valid(){"+
 		//			'$("#htmlBox .required").trigger("blur"); '+
 		//			'if($("#htmlBox .errorMessage").length ==0){'+
 		//				'return true'+
 		//			'}else{'+
 		//				'return false}}'+
 		//				 '</script>'+
 		// 		'</body></html>'
 		// 
 		// 	$('#exportHtml').text(html + '')
 	var htmlJSON = []
 	$.each($('#htmlBox .dragBox'), function(index, item) {
 		addEle($(item), htmlJSON, index)
 		if($(item).children().length > 0) {
 			recursion($(item), htmlJSON[index].children)
 		} else {
 			return false
 		}
 	})
 	$('#exportHtml').text(JSON.stringify(htmlJSON))
 	console.log(htmlJSON)                        //输出html生成的json数据
 		// 	$.ajax({
 		// 		type:"post",
 		// 		url:"http://localhost:8888/",
 		// 		async:true,
 		// 		data:{data:html},
 		// 		success:function(){
 		// 			
 		// 		}
 		// 	});
 }

 function recursion(el, father) { //递归把子标签转变成json
 	$.each(el.children(), function(indexl, iteml) {
 		addEle($(iteml), father, indexl)
 		if($(iteml).children().length > 0) {
 			recursion($(iteml), father[indexl].children)
 		} else {}
 	});
 }

 function addEle(el, father, index) { //把标签转变成json数据
 	var obj = {
 		tagName: "",
 		class: [],
 		style: '',
 		tagAttr: {},
 		children: []
 	}
 	obj.tagName = el[0].tagName
 	obj.class = el[0].classList
 	obj.style = el.attr('style')
// 	if(el.attr('draggable')) {
// 		obj.tagAttr.draggable = el.attr('draggable')
// 	}
 	if(el.attr('name')) {
 		obj.tagAttr.name = el.attr('name')
 	}
 	if(el.attr('value')) {
 		obj.tagAttr.value = el.attr('value')
 	}
 	if(el.attr('inputType')) {
 		obj.tagAttr.inputType = el.attr('inputType')
 	}
 	if(el.attr('dataAttr')) {
 		obj.tagAttr.dataAttr = el.attr('dataAttr')
 	}
 	if(el.attr('type')) {
 		obj.tagAttr.type = el.attr('type')
 	}
 	if(el.attr('id')) {
 		obj.tagAttr.id = el.attr('id')
 	}
 	if(el.attr('toUrl')) {
 		obj.tagAttr.toUrl= el.attr('toUrl')
 	}
 	if(el.attr('placeholder')) {
 		obj.tagAttr.placeholder = el.attr('placeholder')
 	}
 	if(el.clone().children().remove().end().text().trim().length > 0) {
 		obj.text = el.clone().children().remove().end().text().trim()
 	}
 	if(el.attr('checked')) {
 		obj.tagAttr.checked = el.attr('checked')
 	}
 	if(el.attr('required')) {
 		obj.tagAttr.required = el.attr('required')
 	}
 	if(el.attr('disabled')) {
 		obj.tagAttr.disabled = el.attr('disabled')
 	}
 	father.push(obj)
 }

 function closeBuiderHtml() { //关闭生成的html弹窗

 	$('.exportHtmlBox').animate({
 		'margin-top': '-100%'
 	}, function() {
 		$('.exportHtmlBox').css('display', 'none')
 	})
 }

 function defaultConfiguration() { //给表单属性弹窗内的input赋予默认值
 	if($('#textName').css('display') != 'none') {
 		$('#textName input').val(selectedDom.find('.dragItemInfo').html())
 	}
 	if($('#btnName').css('display') != 'none') {
 		$('#btnName input').val(selectedDom.find('button').html())
 	}
 	if($('#textPlaceHolder').css('display') != 'none') {
 		if(selectedDom.find('input')) {
 			$('#textPlaceHolder input').val(selectedDom.find('input').attr('placeholder'))
 		} else {
 			$('#textPlaceHolder input').val(selectedDom.find('textarea').attr('placeholder'))
 		}
 	}
 	if($('#inputName').css('display') != 'none') {
 		$('#inputName input').val(selectedDom.find('.inputName').attr('name'))
 	}
 	if($('#nameWidth').css('display') != 'none') {
 		if(selectedDom.find('.dragItemInfoBox').length > 0) {
 			$('#nameWidth input').val(parseFloat(selectedDom.find('.dragItemInfoBox').css('width')))
 		} else {
 			$('#nameWidth input').val(parseFloat(selectedDom.find('.dragItemInfo').css('width')))
 		}

 	}
 	if($('#fontSize').css('display') != 'none') {
 		if(selectedDom.find('button').length > 0) {
 			$('#fontSize input').val(parseFloat(selectedDom.find('button').css('font-size')))
 		} else {
 			$('#fontSize input').val(parseFloat(selectedDom.css('font-size')))
 		}
 	}
 	if($('#fontColor').css('display') != 'none') {
 		$('#fontColor input').val(rgb2hex(selectedDom.css('color')))
 	}
 	if($('#btnfontColor').css('display') != 'none') {
 		$('#btnfontColor input').val(rgb2hex(selectedDom.find('button').css('color')))
 	}
 	if($('#buttonWidAndHeight').css('display') != 'none') {
 		$('#buttonWidAndHeight input').eq(0).val(parseFloat(selectedDom.find('button').css('width')))
 		$('#buttonWidAndHeight input').eq(1).val(parseFloat(selectedDom.find('button').css('height')))

 	}
 	if($('#inputWidAndHeight').css('display') != 'none') {
 		if(selectedDom.find('.inputDate').length > 0) {
 			$('#inputWidAndHeight input').eq(0).val(parseFloat(selectedDom.find('.dateSelector').css('width')))
 			$('#inputWidAndHeight input').eq(1).val(parseFloat(selectedDom.find('.dateSelector').css('height')))
 		} else if(selectedDom.find('textarea').length > 0) {
 			$('#inputWidAndHeight input').eq(0).val(parseFloat(selectedDom.find('textarea').css('width')))
 			$('#inputWidAndHeight input').eq(1).val(parseFloat(selectedDom.find('textarea').css('height')))
 		} else {
 			$('#inputWidAndHeight input').eq(0).val(parseFloat(selectedDom.find('input').css('width')))
 			$('#inputWidAndHeight input').eq(1).val(parseFloat(selectedDom.find('input').css('height')))
 		}

 	}
 	if($('#leftMargin').css('display') != 'none') {
 		$('#leftMargin input').val(parseFloat(selectedDom.css('margin-left')))
 	}
 	if($('#topMargin').css('display') != 'none') {
 		$('#topMargin input').val(parseFloat(selectedDom.css('margin-top')))
 	}
 	if($('#isRequire').css('display') != 'none') {
 		$('#isRequire input').prop('checked', selectedDom.find('input').prop('required'))
 	}
 	if($('#isDisable').css('display') != 'none') {
 		if(selectedDom.find('button').length > 0) {
 			$('#isDisable input').prop('checked', selectedDom.find('button').prop('disabled'))
 		} else {
 			$('#isDisable input').prop('checked', selectedDom.find('input').prop('disabled'))
 		}
 	}
 	if($('#isBolder').css('display') != 'none') {

 		if(selectedDom.find('.dragItemInfo').css('font-weight') > 600) {
 			$('#isBolder input').prop('checked', true)
 		} else {
 			$('#isBolder input').prop('checked', false)
 		}
 	}
 	if($('#addSelect').css('display') != 'none') {
 		$('#addSelect select').val(selectedDom.attr('toUrl'))
 	
 	
// 		var addSelector = ''
// 		if(selectedDom.attr('dataAttr') == 'select') {
// 			selectedDom.find('option').each(function(index, item) {
// 				addSelector += $(this).text() + '\n'
// 			})
// 		} else if(selectedDom.attr('dataAttr') == 'radio' || selectedDom.attr('dataAttr') == 'checkbox') {
// 			selectedDom.find('input').each(function(index, item) {
// 				addSelector += $(this).val() + '\n'
// 			})
// 		}
// 		$('#addSelect textarea').val(addSelector)
 	}
 	if($('#btnBgColor').css('display') != 'none') {

 		$('#btnBgColor input').val(rgb2hex(selectedDom.find('button').css('background-color')))
 	}
 	if($('#isCenter').css('display') != 'none') {
 		if(selectedDom.css('display') == 'block') {
 			$('#isCenter input').prop('checked', true)
 		} else {
 			$('#isCenter input').prop('checked', false)
 		}

 	}
 	if($('#regType').css('display') != 'none') {
 		var getRegAttr = selectedDom.find('input').attr('regData')

 		if(getRegAttr == 'email') {
 			$('#regType input[value=email]').prop('checked', true)
 		} else if(getRegAttr == 'iphone') {
 			$('#regType input[value=iphone]').prop('checked', true)
 		} else if(getRegAttr == 'user') {
 			$('#regType input[value=user]').prop('checked', true)
 		} else {
 			$('#regType input[value=no]').prop('checked', true)
 		}
 	}

 }

 function rgb2hex(rgb) { //颜色转换 rgb转换成6位数字
 	// rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);

 	// function hex(x) {
 	// 	return("0" + parseInt(x).toString(16)).slice(-2);
 	// }
 	// return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
 }
 $('#dragBox button').click(function(e) {

 	e.preventDefault()
 })
 $('.inputDate').datetimepicker({ //启动时间控件
 	format: 'YYYY-MM-DD',
 	locale: moment.locale('zh-cn')
 });
 // $('body').click(function(e) {                      //点击body关闭弹窗
 // 	var cH = $(window).height()
 // 	var mAddress = e.clientY
 // 
 // 	if($('#formAttr').css('display') == 'block' && mAddress < cH - 200) {
 // 		closeFormAttr()
 // 	}
 //
 // })